import styled from "styled-components";
import search_bg from '../../../assets/images/bg_search.jpg'


export const SearchBox = styled.div`
  .top{

    background: url(${search_bg}) no-repeat center/cover;
    .wrap{
      display: flex;
      justify-content: center;
    }
  }
  .search{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 247px;
    width: 639px;
    text-align: center;
    font-size: 14px;
    color: #fff;

    .ant-input-affix-wrapper{
      height: 40px;
      border-radius: 5px;
    }

    .hotSearch{
      margin-top: 10px;
      span{
       padding: 0 10px;
        &:hover{
          cursor: pointer;
        }
    }
    }
    
  }

  .wrap{
    padding: 20px 0;
    .search_type{
      font-size: 16px;
      span{
        padding: 0 10px;
        &:hover{
          cursor: pointer;
          color: #3ac27c;
        }
        &.active{
          color: #3ac27c;
        }
      }
      /* 覆盖 */
      .ant-tabs-ink-bar{
        background: #3ac27c;
      }
      .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
        color: #3ac27c !important;
      }
      .ant-tabs-tab:hover{
        color: #3ac27c;
      }
    }
  }
`